<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <title>在线充值—{$config["sitename"]|default=''}</title>
    <link rel="stylesheet" href="__ADDON__/css/member_v2.css?v={:config('app_version')}">
    <!--主体内容从上到上样式-->
    <link rel="stylesheet" href="__ADDON__/css/aniamte.css">
</head>

<body>
{include file="common/top" /}
<!-- 侧边栏 end -->

<!-- 主内容 -->
<div class="main">
    <div class="wrapper">
        <!--面包屑-->
        <div class="m-top">
            <ul class="breadcrumb">
                <li><a href="{:addon_url('media/member/index')}">首页</a><span class="gt">&gt;</span><a href="{:addon_url('media/member/pay')}">在线充值</a><span class="gt">&gt;</span></li>
                <li>在线充值</li>
            </ul>
        </div>
        <!--面包屑 end-->

        <div class="container fadeInUp">
            <div class="box">
                <div class="tabs" id="tabs">
                    <ul class="tabs-title">
                        <li class="active"><a href="{:addon_url('media/member/pay')}">在线充值</a></li>
                        <li><a href="{:addon_url('media/member/payhistory')}">充值记录</a></li>
                        <!--<li><a href="{:addon_url('media/member/purchase')}">其他消费</a></li>-->
                    </ul>
                    <!--在线充值-->
                    <div class="box-container introduce">
                        <div class="table">
                            <form name="form1" action="" method="post" target="_blank">
                                <table width="100%">
                                    <tbody>
                                    <tr>
                                        <td class="right" style="width:100px;">充值方式</td>
                                        <td class="left">
                                            <span class="huiyuan">
                                                <a href="javascript:" class="cur" data="1"><img src="__ADDON__/images/ai-icon-zhifubaozf.png"></a>
                                                <a href="javascript:" data="2"><img src="__ADDON__/images/ai-icon-weixinzf.png"></a>
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="right" style="width:100px;">充值金额</td>
                                        <td class="left">
                                        <span class="huiyuan">
                                            <a href="javascript:" class="cur" data="50">50元</a>
                                            <a href="javascript:" data="100">100元</a>
                                            <a href="javascript:" data="200">200元</a>
                                            <a href="javascript:" data="500">500元（vip1）</a>
                                            <a href="javascript:" data="1000">1000元（vip2）</a>
                                            <a href="javascript:" data="3000">3000元（vip3）</a>
                                            <a href="javascript:" data="5000">5000元（vip4）</a>
                                        </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="right" style="width:100px;">应付金额</td>
                                        <td class="left"><font class="jiage">50</font>元</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td  class="left">
                                        <span class="menu">
                                            <input class="margin menu-org" value="去支付" type="submit" style="border-radius: 4px;color: #fff;font-size: 16px;height:45px;margin:-2px 0 0 10px;padding: 0 34px;">
                                            <input name="type" value="1" type="hidden">
                                            <input name="money" value="50" type="hidden">
                                            <textarea name="WIDbody" style="display: none"></textarea>
                                        </span>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </form>
                        </div>
                        <div class="wenxingtishi" >
									<span><img src="__ADDON__/images/ai-icon-wenxing.png">
									<strong>温馨提示：</strong>在线充值后，充值金额不限时间消费，不可提现退款。
									</span>
                        </div>
                        <!--<div class="zhifufangshi  clearfix">-->
                            <!--<div class="zhifu">-->
                                <!--<dt><img src="__ADDON__/images/zhongguoyinhang.jpg"></dt>-->
                                <!--<dd>-->
                                    <!--<em>开户行：</em>中国银行股份有限公司吉安市广场支行<br/>-->
                                    <!--<em>账号：</em>1992 4023 3979<br/>-->
                                    <!--<em>开户名：</em>江西品宣网络传媒有限公司-->
                                <!--</dd>-->
                            <!--</div>-->
                            <!--<div class="zhifu margin">-->
                                <!--<dt><img src="__ADDON__/images/zhifubao.jpg"></dt>-->
                                <!--<dd>-->
                                    <!--<em>名称：</em>江西品宣网络传媒有限公司<br/>-->
                                    <!--<em>账号：</em>apinxuan@126.com<br/>-->
                                <!--</dd>-->
                            <!--</div>-->
                        <!--</div>-->
                    </div>
                    <!--在线充值 end-->
                </div>

            </div>

        </div>
    </div>
</div>
<script type="text/javascript">
    var menu="user";
    var submenu="pay"
    $().ready(function () {
        //充值方式
        $(".huiyuan:eq(0) a").click(function () {
            $(".huiyuan a").removeClass("cur");
            $(this).addClass("cur");
            $("input[name='type']").val($(this).attr("data"));
        });
        //充值金额
        $(".huiyuan:eq(1) a").click(function () {
            $(".huiyuan:eq(1) a").removeClass("cur");
            $(this).addClass("cur");
            $("input[name='money']").val($(this).attr("data"));
            $(".jiage").html($(this).attr("data"));
        })

        // $("#hydj").click(function () {
        //     layer.open({
        //         type: 1,
        //         title: false,
        //         closeBtn: 1,
        //         area: ['980px', '415px'],
        //         skin: 'layui-layer-nobg', //没有背景色
        //         shadeClose: true,
        //         content: '<img src="http://www.apinxuan.com/uploads/picture/2018-02-27/5a9525bf17407.png" width="970" height="400" />'
        //     });
        // })
        //
        if (is_weixin()) $("form[name='form1']").attr("target", "_self");
    })

    function is_weixin(){
        var ua = navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i)=="micromessenger") {
            return true;
        } else {
            return false;
        }
    }

</script>
<!-- 主内容 end -->

<!-- 底部 -->
{include file="common/bottom" /}
</body>
</html>